/* Sliding menu panels homepage */
/* For right panel menu change the width and font color here */

#menupanels
{
  float:left;
  width:194px;
  height:auto;
  background-color:#fff;
  color:#fff;
  *margin-right:0.3em;
  font-family:verdana, arial;
  font-size: 10pt;
  font-weight:bold;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  border-bottom:0px solid #fff;
}
/* For right panel menu change the background color here here */
#menupanels ul
{
  margin:0em;
  padding:0px;
  display:block;
  background-color:#828282;
}

#menupanels a,#menupanels span
{

   padding-left:0.8em;
   color:#fff;
   /*text-decoration:none;*/
   vertical-align:top
}

#menupanels ul li
{
   padding-top:6px;
   padding-bottom:6px;
   padding-left:1px;
   border-top:1px dotted #fff;
   list-style-type:none;
   font-size:9pt;
}

#menupanels ul li#shareprice
{
  background-image:url(/templates/images08/sharebg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;

  height:2em;

}

#shareprice a
{
   display:block;
   padding:0;
   margin:0;
   position:relative;
   left:2em;
}

#shareprice strong
{
   padding-left:0.7em;
}

*html #shareprice strong
{
   !margin-top:-2em;
}

#menupanels ul li img
{
   border:0;
   margin-left:0px;
   vertical-align:bottom;
}
/* Change the background-color here and the color of the inside boxes of right menu will change*/
#menupanels ul li ul
{
  margin-top:0.3em;
  background-color:#ffffff;
  border-top:0.1em solid #6F7883;
  border-bottom:0.1em solid #6F7883;
  font-weight:bold;
  /*height:5.4em;In right panel menu this height is used to set the total height to show some of the list items inside that menu*/
  overflow-y:scroll;
}

*html #menupanels ul li ul
{
   !height:5.7em;
}

#menupanels ul li ul li
{
   border-top:1px dotted #9E7478;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
}

#menupanels ul li ul
{
  display:none;
}

#shareprice a:hover
{
   color:#ff0000;
}

#menupanels ul li:hover ul
{
  display:block;
}
#menupanels ul li ul li a
{
  font-family:arial;
  color:#333333;
  font-size:9.5pt;
	font-weight:bold;
  }
#menupanels ul li ul li:hover a
{
  color:#222;
}

/* ************************************Start For Blue Menu ******************************************* */

/*Start 25thmay2009 Changes by manish for blue colored menu*/
#menupanels-blue
{
  float:left;
  width:194px;
  height:auto;
  background-color:#fff;
  color:#fff;
  *margin-right:0.3em;
  font-family:verdana, arial;
  font-size: 10pt;
  font-weight:bold;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  border-bottom:0px solid #fff;
}
/* For right panel menu change the background color here here */
#menupanels-blue ul
{
  margin:0em;
  padding:0px;
  display:block;
  background-color:#336699;
}

#menupanels-blue a,#menupanels-blue span
{

   padding-left:0.8em;
   color:#fff;
   /*text-decoration:none;*/
   vertical-align:top
}

#menupanels-blue ul li
{
   padding-top:6px;
   padding-bottom:6px;
   padding-left:1px;
   border-top:1px dotted #fff;
   list-style-type:none;
   font-size:9pt;
}

#menupanels-blue ul li#shareprice
{
  background-image:url(/templates/images08/sharebg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;

  height:2em;

}

#menupanels-blue ul li img
{
   border:0;
   margin-left:0px;
   vertical-align:bottom;
}
/* Change the background-color here and the color of the inside boxes of right menu will change*/
#menupanels-blue ul li ul
{
  margin-top:0.3em;
  background-color:#ffffff;
  border-top:0.1em solid #6F7883;
  border-bottom:0.1em solid #6F7883;
  font-weight:bold;
  /*height:5.4em;In right panel menu this height is used to set the total height to show some of the list items inside that menu*/
  overflow-y:scroll;
}

*html #menupanels-blue ul li ul
{
   !height:5.7em;
}

#menupanels-blue ul li ul li
{
   border-top:1px dotted #9E7478;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
}

#menupanels-blue ul li ul
{
  display:none;
}


#menupanels-blue ul li:hover ul
{
  display:block;
}
#menupanels-blue ul li ul li a
{
  font-family:arial;
  color:#333333;
  font-size:9.5pt;
	font-weight:bold;
  }
#menupanels-blue ul li ul li:hover a
{
  color:#222;
}


/*End 25thmay2009 Changes by manish for blue colored menu*/

/* ************************************End For Blue Menu ******************************************* */






/* ************************************Start For Green Menu ******************************************* */
/*Start 25thmay2009 Changes by manish for blue colored menu*/
#menupanels-green
{
  float:left;
  width:194px;
  height:auto;
  background-color:#fff;
  color:#fff;
  *margin-right:0.3em;
  font-family:verdana, arial;
  font-size: 10pt;
  font-weight:bold;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  border-bottom:0px solid #fff;
}
/* For right panel menu change the background color here here */
#menupanels-green ul
{
  margin:0em;
  padding:0px;
  display:block;
  background-color:#666600;
}

#menupanels-green a,#menupanels-blue span
{

   padding-left:0.8em;
   color:#fff;
   /*text-decoration:none;*/
   vertical-align:top
}

#menupanels-green ul li
{
   padding-top:6px;
   padding-bottom:6px;
   padding-left:1px;
   border-top:1px dotted #fff;
   list-style-type:none;
   font-size:9pt;
}

#menupanels-green ul li#shareprice
{
  background-image:url(/templates/images08/sharebg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;

  height:2em;

}

#menupanels-green ul li img
{
   border:0;
   margin-left:0px;
   vertical-align:bottom;
}
/* Change the background-color here and the color of the inside boxes of right menu will change*/
#menupanels-green ul li ul
{
  margin-top:0.3em;
  background-color:#ffffff;
  border-top:0.1em solid #6F7883;
  border-bottom:0.1em solid #6F7883;
  font-weight:bold;
  /*height:5.4em;In right panel menu this height is used to set the total height to show some of the list items inside that menu*/
  overflow-y:scroll;
}

*html #menupanels-green ul li ul
{
   !height:5.7em;
}

#menupanels-green ul li ul li
{
   border-top:1px dotted #9E7478;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
}

#menupanels-green ul li ul
{
  display:none;
}


#menupanels-green ul li:hover ul
{
  display:block;
}
#menupanels-green ul li ul li a
{
  font-family:arial;
  color:#333333;
  font-size:9.5pt;
	font-weight:bold;
  }
#menupanels-green ul li ul li:hover a
{
  color:#222;
}
/*End 25thmay2009 Changes by manish for blue colored menu*/
/* ************************************End For Green Menu ******************************************* */



/* ************************************Start For Red Menu ******************************************* */
/*Start 25thmay2009 Changes by manish for Red colored menu*/
#menupanels-red
{
  float:left;
  width:194px;
  height:auto;
  background-color:#fff;
  color:#fff;
  *margin-right:0.3em;
  font-family:verdana, arial;
  font-size: 10pt;
  font-weight:bold;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  border-bottom:0px solid #fff;
}
/* For right panel menu change the background color here here */
#menupanels-red ul
{
  margin:0em;
  padding:0px;
  display:block;
  background-color:#990000;
}

#menupanels-red a,#menupanels-red span
{

   padding-left:0.8em;
   color:#fff;
   /*text-decoration:none;*/
   vertical-align:top
}

#menupanels-red ul li
{
   padding-top:6px;
   padding-bottom:6px;
   padding-left:1px;
   border-top:1px dotted #fff;
   list-style-type:none;
   font-size:9pt;
}

#menupanels-red ul li#shareprice
{
  background-image:url(/templates/images08/sharebg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;

  height:2em;

}

#menupanels-red ul li img
{
   border:0;
   margin-left:0px;
   vertical-align:bottom;
}
/* Change the background-color here and the color of the inside boxes of right menu will change*/
#menupanels-red ul li ul
{
  margin-top:0.3em;
  background-color:#ffffff;
  border-top:0.1em solid #6F7883;
  border-bottom:0.1em solid #6F7883;
  font-weight:bold;
  /*height:5.4em;In right panel menu this height is used to set the total height to show some of the list items inside that menu*/
  overflow-y:scroll;
}

*html #menupanels-red ul li ul
{
   !height:5.7em;
}

#menupanels-red ul li ul li
{
   border-top:1px dotted #9E7478;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
}

#menupanels-red ul li ul
{
  display:none;
}


#menupanels-red ul li:hover ul
{
  display:block;
}
#menupanels-red ul li ul li a
{
  font-family:arial;
  color:#333333;
  font-size:9.5pt;
	font-weight:bold;
  }
#menupanels-red ul li ul li:hover a
{
  color:#222;
}
/*End 25thmay2009 Changes by manish for Red colored menu*/
/* ************************************End For Red Menu ******************************************* */



/* ************************************Start For Grey Menu ******************************************* */
/*Start 25thmay2009 Changes by manish for Grey colored menu*/
#menupanels-grey
{
  float:left;
  width:194px;
  height:auto;
  background-color:#fff;
  color:#fff;
  *margin-right:0.3em;
  font-family:verdana, arial;
  font-size: 10pt;
  font-weight:bold;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  border-bottom:0px solid #fff;
}
/* For right panel menu change the background color here here */
#menupanels-grey ul
{
  margin:0em;
  padding:0px;
  display:block;
  background-color:#818181;
}

#menupanels-grey a,#menupanels-grey span
{

   padding-left:0.8em;
   color:#fff;
   /*text-decoration:none;*/
   vertical-align:top
}

#menupanels-grey ul li
{
   padding-top:6px;
   padding-bottom:6px;
   padding-left:1px;
   border-top:1px dotted #fff;
   list-style-type:none;
   font-size:9pt;
}

#menupanels-grey ul li#shareprice
{
  background-image:url(/templates/images08/sharebg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;

  height:2em;

}

#menupanels-grey ul li img
{
   border:0;
   margin-left:0px;
   vertical-align:bottom;
}
/* Change the background-color here and the color of the inside boxes of right menu will change*/
#menupanels-grey ul li ul
{
  margin-top:0.3em;
  background-color:#ffffff;
  border-top:0.1em solid #6F7883;
  border-bottom:0.1em solid #6F7883;
  font-weight:bold;
  /*height:5.4em;In right panel menu this height is used to set the total height to show some of the list items inside that menu*/
  overflow-y:scroll;
}

*html #menupanels-grey ul li ul
{
   !height:5.7em;
}

#menupanels-grey ul li ul li
{
   border-top:1px dotted #9E7478;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   background-image:none;
}

#menupanels-grey ul li ul
{
  display:none;
}


#menupanels-grey ul li:hover ul
{
  display:block;
}
#menupanels-grey ul li ul li a
{
  font-family:arial;
  color:#333333;
  font-size:9.5pt;
	font-weight:bold;
  }
#menupanels-grey ul li ul li:hover a
{
  color:#222;
}
/*End 25thmay2009 Changes by manish for grey colored menu*/
/* ************************************End For grey Menu ******************************************* */